// @minix
// backround + border  => 默认+鼠标hover + acitve

@import '../variable.scss';
/* @mixin gradient-bg {
    background-color: $color;
}

@mixin box-shadow() {
   box-shadow:1px 1px 1px rgba(0,0,0,.1)
} */

@mixin button-variant($background,$border,$hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%)) {
    color: $background;
    border-color: $border;
    background: $background;
    
    &:hover{
      color: $hover-background;
      background: $hover-background;
      border-color: $hover-border;
    }
  
}